* { padding: 0; margin: 0 }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
::-webkit-scrollbar { width: 10px; height: 10px }
::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, 0.2); border-radius: 20px 20px 20px 20px }
::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, 0.1) }
body { font-size: 14px; color: #666; background: #fff; font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif }
h1, h2, h3, h4, h5 { font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Monaco, monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
img { border: none; vertical-align: middle }
ul, ol { /*list-style: none;*/ }
.clear { *zoom: 1; /* for IE 6/7 */ }
.clear:before, .clear:after { height: 0; content: ""; font-size: 0; display: table; line-height: 0; /* for Opera */ visibility: hidden } 
.clear:after { clear: both }
#layout > header, .btns { padding: 15px 0; width: 90%; margin: 0 auto } 
.btns { padding-top: 0 }
.btns button { padding: 2px 8px }
#layout > header > h1 { font-size: 20px; margin-bottom: 10px }
#custom-toc-container { padding: 0 }
.btns button, .btn { padding: 8px 10px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-transition: background 300ms ease-out; transition: background 300ms ease-out }
.btns button:hover, .btn:hover { background: #f6f6f6 }
.sidebar { width: 400px; height: 100%; position: fixed; top: 0; overflow: hidden; background: #fff; z-index: 100; padding: 18px; border: 1px solid #ddd; border-top: none; border-bottom: none }
.sidebar:hover { overflow: auto }
.sidebar h1 { font-size: 16px }
.editormd-html-preview { padding: 40px 40px 40px 440px }
.sidebar-right .sidebar { right: 0 }
.sidebar-right .editormd-html-preview { padding: 40px 440px 40px 40px }
.sidebar-hidden .sidebar { display: none }
.sidebar-hidden .editormd-html-preview { padding-right: 40px }
